@charset "utf-8";

$blue:#5dbbc5;
$light-blue:#3A71A8;
$red:#409eff;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

$menuBg:#5dbbc5;
$subMenuBg:#3e9ea8;
$menuHover:#49a8b2;

$dialogColor:#5dbbc5;


* {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "新宋体", "宋体", Arial, sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 arial, \5b8b\4f53; color:#555; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; color:#555; cursor:pointer; }
a:hover { text-decoration: none; color:#3B87B1; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }

* {
  padding: 0;
  margin: 0;
}

body {
  height: 100%;
}

html {
  height: 100%;
}


.cf:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.cf { *zoom:1; }
.dn { display: none; }
.fl { float: left; }
.fr { float: right; }
.mr0 { margin-right: 0 !important; }
.mrb { margin-right:10px;}
.mr10 { margin-right:10px;}
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.tc { text-align: center; }
.tr { text-align: right; }
.es { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb { font-weight: bold !important; }
.pr { position:relative;}
.pa { position: absolute; }
.red{ color:#F00; }
.vm { vertical-align:middle; }
.f14{ font-size:14px; }
.fwn{ font-weight:normal !important; }

a{ outline:none; }
.wrapper{ padding:8px 0 0 18px; }
.min-w{ min-width:1150px; }

ul {
  list-style: none;
  padding: 0;
}

body,ul {
  margin: 0
}

a {
  text-decoration: none
}

a,a:hover {
  color: inherit
}

.hide {
  display: none
}

.left {
  float: left
}

.right {
  float: right
}

.cf:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

//表格样式 begin

.el-table td, .el-table th.is-leaf {
  border-bottom: 1px solid #e2e2e2;
}

.el-table--border td, .el-table--border th {
  border-right: 1px solid #e2e2e2;
}

.el-table td, .el-table th {
  height: 26px;
  padding: 0 !important;
}

.el-table .cell {
  display: block;
  text-align: center;
  padding: 0;
  justify-content:center;
}

.el-table .cell .el-input {
  width: 100%;
}

.el-table .cell .cell_input {
  //width: 100%;
  width: 99%;
  height: 100%;
  position: absolute; top: 0 ; left: 0 ;
  text-align: center;
}

.el-table .cell_input {
  border: none;
  //height: 26px;
  border-radius: 0;
}

.el-table .cell_input:focus {
  border: 1px solid #409eff !important;
}

//表头字体颜色
.el-table thead, .el-table thead.is-group {
  color: white;
  th, tr{
    background-color: #2881C7;
  }
}

//表体字体颜色
.el-table{
  color: black;
}

.el-table th {
  font-weight: 500;
}

//表格样式 end

/* 改el文本框的样式 */
.el-input__inner{
  border-radius: 0px!important;
  padding:0 10px;
  color: black;
}

.el-input--small .el-input__inner {
  height: 26px;
}

.el-button--small, .el-button--small.is-round {
  padding-top: 6px;
  padding-bottom: 6px;
}


.el-pagination__editor.el-input .el-input__inner {
  height: 26px;
}
.el-pager li {
  height: 26px;
}

.el-cascader--small {
  line-height: 26px ;
}

.rowliheight{
  line-height: 30px;
}

/*大小文本框的宽*/
.bigInput{
  width:400px;
}
.smallInput{
  // margin-left:35px;
  width:200px;
}
/* 时间选择器 定位*/
.el-range-separator{
  position: relative;
}

.disnone{
  display: none !important;
}


.yt-report-condition{
}

.ui-dialog{
  border-radius: 0px;

  opacity: 1!important;
  transform: scale(1)!important;
}

.ui-dialog-close{
  top: 3px;
}

.ui-dialog-title{
  padding-top: 5px;
  padding-bottom: 5px;
}

.ui-dialog-header{
  color: white;
  background-color: $dialogColor;
}

.yt-basic-edit{
  .el-input--small{
    height: 100%;
    .el-input__icon {
      line-height: 26px;
      cursor: pointer;
    }
  }
}

.cell_input{
  input{
    height: 100% !important;
  }
  .el-input__icon{
    line-height: 26px;
  }
}


.yt-basic-edit-basic-expend {
  width: 580px!important;
  .el-scrollbar {
    width: 580px;
    .compileWidth:nth-child(1) {
      width: 300px !important;
    }
    .compileWidth {
      margin-right: 0px !important;
    }
  }
}

.yt-basic-edit-small-expend {
  width: 250px!important;
  .el-scrollbar {
    width: 250px;
    .compileWidth:nth-child(1) {
      width: 250px !important;
    }
    .compileWidth {
      margin-right: 0px !important;
    }
  }
}


.yt-basic-edit-ware-expend{
  width: 920px!important;

  .el-scrollbar {
    width: 980px;
    .compileWidth:nth-child(1) {
      width: 300px !important;
    }
    .compileWidth {
      margin-right: 0px !important;
      height:34px !important ;
    }
  }

  .el-scrollbar li{
    border-bottom:1px solid #f2f2f2;
    height: 35px !important;
    padding: 0 10px;
  }

  .ware_expend_detail{
    display: flex;
    text-align: left;
    padding: 0;
    .compileWidth{
      float: left;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      margin-right: 10px;
      width: 80px;
      text-align: left;
    }
  }
}



::-webkit-scrollbar-track:hover {
  background: #a5a4a4 !important;
}

//所有备注
.inputTextarea textarea {
  height:100px !important;
  border-radius: 0 !important;
}

.yt_big_preview {
	margin-left: 10px;
	position: absolute;
	top: 50px;
	left: 42px;
  z-index: 2;
  width: 100px;
  height: 100px;
	display: none;
 }
.yt_ware_preview:hover .yt_big_preview {
	display:block;
 }



